<template>
	<div class="product-list">
		<el-tabs v-model="activeName" class="demo-tabs" @tab-click="handleClick">
			<el-tab-pane label="待接受接龙" name="1"></el-tab-pane>
			<el-tab-pane label="已接受接龙" name="2"></el-tab-pane>
		</el-tabs>
		<!-- 未接受接龙 -->
		<beAccepted v-if="activeName == '1'"></beAccepted>
		<!-- 已接受接龙 -->
		<accepted v-if="activeName == '2'"></accepted>
	</div>
</template>

<script>
import accepted from './components/accepted.vue'
import beAccepted from './components/beAccepted.vue'
export default {
	components: {
		accepted,
		beAccepted
	},
	data() {
		return {
			/*切换菜单*/
			activeName: "1",
		};
	},
	created() {
	},
	methods: {
		/*切换菜单*/
		handleClick(tab, event) {
			console.log(this.activeName)
			// console.log(tab)
			// console.log(event)
		},
	},
};
</script>

<style>
.head-part {
	display: flex;
	align-items: center;
}

.el-form-item--small .el-form-item__content {
    line-height: 1 !important;
}
</style>
